// 登陆注册表单切换
$('#showReg').on('click', function () {
  // 显示注册，隐藏登陆
  $(".reg-form").show()
  $(".login-form").hide()
})

$('#showLogin').on('click', function () {
  // 显示登陆，隐藏注册
  $(".reg-form").hide()
  $(".login-form").show()
})

let form = layui.form
form.verify({
  pass: [
    /^[\S]{6,12}$/
    , '密码必须6到12位,且不能出现空格'
  ],
  repass(value) {
    let passVal = $('#passInp').val()
    // if ($('#passInp').val() !== value) {
    //   return '两次输入的密码不一致'
    // }
    if(passVal !== value) {
      return '两次输入的密码不一致'
    }
  }
});

// ajax请求实现注册功能
let layer = layui.layer
$('.reg-form').on('submit', function (e) {
  e.preventDefault()
  // 请求中带数据 ==> jq的serialize方法可以方便的获取到带有name属性的值
  let data = $(this).serialize()
  axios.post("/api/reguser", data).then((res) => {
    // console.log(res.data);
    if (res.data.status !== 0) {
      return layer.msg(res.data.message)
    }
    layer.msg('注册成功')
    $("#showLogin").click();
  });
})

// ajax请求实现登陆功能
$('.login-form').on('submit', function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post("/api/login", data).then((res) => {
    if (res.data.status !== 0) {
      return layer.msg(res.data.message)
    }
    localStorage.setItem('token' , res.data.token)
    layer.msg('登陆成功，即将跳转到首页',{
      time : 200 ,
    } , function () {
      // 跳转页面
      location.href = '/index.html'
    })
  })
})